<template>
  <NuxtLayout>
    <div class="page-container mt-40">
      <div style="height: 600px" class="mx-auto md:max-w-6xl">
        <!-- v-show不要直接用在 富文本编辑器的root上，会有警告 -->
        <div v-show="showEditor">
          <tinymce-editor @init="getInit"></tinymce-editor>
        </div>
      </div>
    </div>
  </NuxtLayout>
</template>

<script setup>
// 组件的方式加载
const showEditor = ref(false)
const getInit = (...c) => {
  console.log(c)

  showEditor.value = true
}
</script>
<style lang="scss" scoped></style>
